import {onMounted, ref} from "vue";
import axios from "axios";

export default function () {
    // 狗信息列表数据
    let dogList = ref<string[]>([])

    async function getDog() {
        try {
            // 使用axios的异步请求获取数据
            // let res = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')
            //  dogList.value.push(res.data.message)

            let {data} = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')
            dogList.value.push(data.message)
        } catch (e) {
            console.log(e)
        }
    }

    // 使用生命周期函数，在页面加载时执行
    onMounted(() => {
        getDog()
    })

    // 2.返回结果
    return {dogList, getDog}
}
